目錄

JS筆記-幫元素加上style的寫法

JS筆記-getPosition 讓你找到元素x,y位置

js筆記--寫腳本需要用到的waitForKeyElements.js

JS筆記-設定CSSstyle的function

JS筆記-使用fetch下載檔案/download.js好用的東西

JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

JS筆記-關掉alert的簡單小技巧

JS筆記-使用ajax傳送表單(ex.傳送google表單)

JS筆記-前端撥放m3u8的兩種方法

JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

JS筆記-製作copy效果

JS筆記-暫時讓網頁可以編輯

JS筆記-VScode自己設定速打

JS筆記-VScode的Prettier(自動排版)怎麼開始使用？

前情提要

很常會需要抓圖 把檔案下載起來
其原理就是用fetch去得到blob的網址 然後再用a元素download的屬性下載
以下為code

fetch('URL')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    // the filename you want
    a.download = 'filename.jpg';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!'); 
  })
  .catch(() => alert('oh no!'));

download.js非常好用
可以去下面連結看看怎麼使用 抓圖抓影片都超方便

https://github.com/rndme/download